import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 引入icons图标
import '@/icons'
// 引入axios
import axios from 'axios'
// 引入element-ui当中的所有组件
import ElementUI from 'element-ui'
// 引入element-ui的所有样式
import 'element-ui/lib/theme-chalk/index.css'
// 全局css
import '@/styles/index.scss'
// 初始化
import 'normalize.css/normalize.css'
// 路由拦截
import '@/permission'
// 国际汉化
import i18n from './lang/index'
// 组件
import YqDialog from './components/YqDialog'
import VueDND from 'awe-dnd' // 拖曳组件
import plTable from 'pl-table' // 大数据表格
import 'pl-table/themes/index.css' // 大数据表格样式
import permission from './directive/permission' // 自定义权限
import VueAMap from 'vue-amap' // 高德地图
import moment from 'moment' // 时间戳
// import CommonLayout from './components/CommonLayout'

Vue.use(ElementUI, {
  size: 'mini',
  i18n: (key, value) => i18n.t(key, value)
})
Vue.use(VueDND)
Vue.use(plTable)

Vue.use(VueAMap)
Vue.use(YqDialog)
Vue.use(permission)
// Vue.use(CommonLayout)

// moment
Object.defineProperty(Vue.prototype, '$moment', {
  value: moment
})
Vue.config.productionTip = false
Vue.prototype.$http = axios

VueAMap.initAMapApiLoader({
  key: '068af8e2d120c627f5ea473bf20a1c1e',
  plugin: [
    'AMap.Geolocation',
    'AMap.MarkerClusterer',
    'AMap.Scale',
    'AMap.OverView',
    'AMap.ToolBar',
    'AMap.MapType',
    'AMap.PlaceSearch',
  ],
  v: '1.4.15',
  uiVersion: '1.0.11',
})

new Vue({
  router,
  store,
  i18n,
  render: h => h(App)
}).$mount('#app')